<template>
	<view class="home">
			<view class="v1" @click="location()">
				<view class="v1-1">
					<view class="v1-1-1">定位监控中</view>
					<view class="v1-1-2">实时更新</view>
				</view>
				<view class="v1-2">地址：上海黄浦江边</view>
			</view>

		<view class="banner">
				<view class="wrap">
				<u-swiper :list="list"></u-swiper>
			</view>
		</view>
		<view class="v2">
			<navigator url="../reservation/reservation">
				<view>
					<image src="http://ww1.sinaimg.cn/large/006PeBlYgy1gtkzs1donij602s02sjrc02.jpg" mode=""></image>
					<view>预约服务</view>
				</view>
			</navigator>
			<navigator url="../order/order">
				<view>
					<image src="http://ww1.sinaimg.cn/large/006PeBlYgy1gtkzshaplfj602s02saa002.jpg" mode=""></image>
					<view>订单管理</view>
				</view>
			</navigator>
			<navigator url="../archives/archives">
				<view>
					<image src="http://ww1.sinaimg.cn/large/006PeBlYgy1gtkzszbf81j602s02sweh02.jpg" mode=""></image>
					<view>档案信息</view>
				</view>
			</navigator>
			<navigator url="../healthy/healthy">
				<view>
					<image src="http://ww1.sinaimg.cn/large/006PeBlYgy1gtkztbfj5vj602s02s74c02.jpg" mode=""></image>
					<view>健康检测</view>
				</view>
			</navigator>
			<view @click="call()">
				<image src="http://ww1.sinaimg.cn/large/006PeBlYgy1gtkztoo7k6j6028028gli02.jpg" mode=""></image>
				<view>服务热线</view>
			</view>
			<navigator url="../index/index">
				<view>
					<image src="http://ww1.sinaimg.cn/large/006PeBlYgy1gtkztv6njwj602s02t0sj02.jpg" mode=""></image>
					<view>退出登录</view>
				</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				list: [{
						image: 'http://ww1.sinaimg.cn/large/006PeBlYgy1gtl0i2xl48j60k60bpdno02.jpg',
						title: '广告位招商中'
					},
					{
						image: 'http://ww1.sinaimg.cn/large/006PeBlYgy1gtl0kk1fsvj60l40c1ahv02.jpg',
						title: '广告位招商中'
					},
					{
						image: 'http://ww1.sinaimg.cn/large/006PeBlYgy1gtl0qbpkwgj60wn0co10802.jpg',
						title: '广告位招商中'
					}
				],
			}
		},
		methods: {
			location(){
				uni.navigateTo({
					url:'../location/location'
				})
			},
			call() {
				uni.makePhoneCall({
					phoneNumber: '18398089745',
					success: (res) => {
						console.log('调用成功')
					},
					fail: (res) => {
						console.log('调用失败')
					}
				});
			}
		}
	}
</script>

<style lang="less" scoped>
	.v1 {
		background: url('http://ww1.sinaimg.cn/large/006PeBlYgy1gtjnhhrk6kj60ku07vta202.jpg');
		width: 720rpx;
		height: 270rpx;
		margin: 30rpx auto;
		border-radius: 15rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;

		.v1-1,
		.v1-2 {
			width: 250rpx;
			margin-left: 50rpx;
		}

		.v1-1-1 {
			font-size: 40rpx;
		}

		.v1-1-2 {
			color: #F3B838;
		}

		.v1-2 {
			margin-top: 80rpx;
			font-size: 24rpx;
			color: #aaa;
		}
	}

	.v2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		width: 100%;
		padding-top: 30rpx;

		view {
			width: 200rpx;
			margin: 20rpx 0;
			text-align: center;

			image {
				width: 120rpx;
				height: 120rpx;
			}
		}

	}

	.banner {
		background: #C0C0C0;
		width: 720rpx;
		height: 220rpx;
		margin: 30rpx auto;
		border-radius: 15rpx;
	}
</style>
